<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>csslayout02</title>
		<link type="text/css" href="css/normalize.css" rel="stylesheet" />
		<link type="text/css" href="css/csslayout02.css" rel="stylesheet" />
		<!--[if lt IE 9]><script src="js/html5/html5shiv.js"></script><![endif]-->
		<!-- IE 버전이 9 이하인 경우 html5를 적용하기 위해 작성 -->
	</head>
	<body>
		<header>
			<div id="logo"></div>
			<div id="fmenu">
				<ul>
					<li>회원정보</li>
					<li>로그인</li>
					<li>회원가입</li>
				</ul>
			</div>
			<div id="serch">
				<input type="text" name="key" />
				<button type="button" onclick="go2find();">검색</button>
			</div>
		</header><!-- 머릿글 -->
		<nav id="tmenu">
			<ul>
				<li>프로젝트개요</li>
				<li>공지사항</li>
				<li>게시판</li>
				<li>자료실</li>
				<li>갤러리</li>
				<li>커뮤니티</li>
				<li>쇼핑몰</li>
				<li>관리자</li>
			</ul>
		</nav>
		<div id="floatad">배너광고</div>
		<div id="main">
			<aside id="part01">
				<div id="logmenu">
					<ul>
						<li>회원가입</li>
						<li>아이디 찾기</li>
						<li>비밀번호 찾기</li>
					</ul>
				</div>
				<hr class="clearme" />
				<div id="login">
					<ul>
						<li>보안접속</li>
						<li>ON</li>
						<input type="checkbox" />자동로그인
						<div id="logcheck">
							<div class="clearme" id="log">
								<input type="text" title="아이디" />
								<input type="password" title="비밀번호" />
							</div>
							<span id="check">
									<button type="submit">로그인</button>
							</span>
						</div>
					</ul>
				</div>
				<div id="leftlist">
					<h3>공지사항</h3>
					<ul>
						<li>▶ 아이유 사진 업로드는 제한됩니다.</li>
						<li>▶ 아이유 사진 업로드는 제한됩니다.</li>
						<li>▶ 아이유 사진 업로드는 제한됩니다.</li>
						<li>▶ 아이유 사진 업로드는 제한됩니다.</li>
						<li>▶ 아이유 사진 업로드는 제한됩니다.</li>
					</ul>
					<h3>새로 작성된 글</h3>
					<ul>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
					</ul>
					<h3>새로 작성된 댓글</h3>
					<ul>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
						<li>▶ 아이유 사진 금지...</li>
					</ul>
				</div>
				<div id="leftlistimg"></div>
			</aside><!-- 메뉴 영역 -->
			<section>
				<div id="herounit">
					<h1>Hello, World!!</h1>
					<div id="hulogo"></div>
					<div id="huarticle">
						<p>Bootstrap UI Framework, Spring Framework, Spring<br />
						MVC, Spring Wev Flow, Hibemate, EL, JSTL, JSPX,<br />
						Apache Tiles 등을 이용해서 제작한 프로젝트 사이트<br />
						입니다<br />
						Servlet 3.x, MyBatis 3.x, Struts 2.x, Sitemesh 3.x등을 이<br/>
						용해서 프로젝트를 완성해 보세요.<br />
						Subversion, Git, Ant, Maven, Mylyn, TRAC등을 이용해<br />
						서 프로젝트를 관리, 배포하고, 버그 추적도 해보세요</p>
					</div>
				</div><!-- 최신기사 영역 -->
				<div id="sec01">
					<div id="hotnews">
						<h3>최신정보</h3>
						<ul>
							<li>KISA '.한국' 도메인 활용 증가</li>
							<li>아이폰 사고 아이유 만나볼까?</li>
							<li>한국MS 윈도8 체험 '디바이스 데이'</li>
							<li>'아이패드 미니' 써보니, 42만원 가격</li>
							<li>애플과 HTC: 특허 소송들 합의 체결</li>
							<li>SKT의 밴드5를 지원한다는 아이폰5 포착</li>
							<li>무디, 소니 신용등급 '정크' 수준 BB로 강등</li>
						</ul>
					</div>
					<div id="myused">
						<h3>사용기 / 설치기</h3>
						<ul>
							<li>구뉴패드 3개월 사용기</li>
							<li>뉴뉴패드 구입 및 5일 사용기</li>
							<li>아이패드 미니 구입 및 간단사용기</li>
							<li>넥서스7 개봉기 및 사용기</li>
							<li>Sony NEX-5R 개봉기</li>
							<li>MS Surface RT 사용기</li>
							<li>G어폰 이어팀 사용기와 소감</li>
						</ul>
					</div>
				</div><!-- 최신 뉴스 / 사용기 영역 -->
				<div id="sec02">
					<div id="gallery">
						<h3>이미지 갤러리</h3>
						<ul>
							<li><div class="img"></div><span>아이유 금지</span></li>
							<li><div class="img"></div><span>아이유 금지</span></li>
							<li><div class="img"></div><span>아이유 금지</span></li>
							<li><div class="img"></div><span>아이유 금지</span></li>
							<li><div class="img"></div><span>아이유 금지</span></li>
							<li><div class="img"></div><span>아이유 금지</span></li>
							<li><div class="img"></div><span>아이유 금지</span></li>
							<li><div class="img"></div><span>아이유 금지</span></li>
							<li><div class="img"></div><span>아이유 금지</span></li>
							<li><div class="img"></div><span>아이유 금지</span></li>
						</ul>
					</div>
				</div><!-- 이미지 갤러리 영역 -->
				<div id="sec03"></div><!-- 자료실 / 질문/답변 영역 -->
				<div id="sec04"></div><!-- 재잘재잘 / 알뜰구매 영역 -->
			</section>
		<nav class="clearme" id="dmenu">
			<ul>
				<li>이용약관</li>
				<li>개인정보보호방침</li>
				<li>이메일무단수집거부</li>
				<li>고객지원</li>
				<li>권리침해신고</li>
				<li>광고문의</li>
			</ul>
		</nav>
		<footer>
			<div id="logo"></div>
			<p>Copyright(c) 2013 skyinline All Rights Reserved. Designed by HTML5, CSS3.<br />
			1 Infinite Loop, Cupertino, CA 95014. 개인정보 관리책임자 : 주재현 skyinline79@naver.com</p>
		</footer>
		<script type="text/javascript">
			function go2find() {
				alert("지금은 사용할 수 없습니다!!");
			}
		</script>
</html>
